<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script src="js/vue-2.6.12.js"></script>
	<script src="js/vue-router-3.4.9.js"></script>
</head>
<body>
<div id="app">

	<router-link to="/user/小雅/23">params传参</router-link>
	<hr>
	<router-view></router-view>
	
</div>

<template id="params-div">
	<div>
<!--		通过$router.params.属性 就可以获取地址上的参数-->
		<span>{{$route.params.name}}</span>
		<span>{{$route.params.age}}</span>
	</div>
</template>

<script>
	let paramsDiv = {
	  template:"#params-div",
	  
	}
	
	let app = new Vue({
	  el:"#app",
	  
	  router:new VueRouter({
	    //params 传参 是将地址的一部分 当做参数处理 前面加 ":" 处理
	    routes:[
	      {path:"/user/:name/:age",component:paramsDiv}
	    ]
	    
	  })
	  
	})
	
</script>
</body>
</html>